<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#header,#nav,#banner,body{
				margin: 0;
				padding: 0;
			}
			*{
				font-family: "微软雅黑";
				font-size: 12px;
			}
			#header{
				height: 59px;
				padding:40px 19px 0px;
			}
    		.logo{
				float: left;
			}
			
			.inputbox input{
				float: right;
			}
			.text{
				padding: 3px;
				width: 194px;
				height: 20px;
				display:block;
				color: #858585;
				font-size: 14px;
				line-height: 20px;
				background: #f1f1f1;
				border: none;
			}
			.sub{
			
				width: 25px;
				height: 26px;
				background: url(img/wolongimg2.jpg) no-repeat center;
				
			}
			#nav{
				width: 999px;
				height: 59px;
				background: #2e2e2e;
				margin: 0 auto;
			}
			ul li{
				list-style: none;
			}
			#nav ul li{
				float: left;
			}
			#nav ul li a{
				display: inline-block;
				height: 59px;
				line-height: 59px;
				padding: 0 27px;
				font-size: 14px;
				color:white;
				border-right: 1px solid #4b4b4b;
			}
			#banner{
				margin: 0 auto;
				width: 999px;
				height: 462px;
				background: #00f;
			}
			img{
				border: none;
			}
			.news{
				height: 243px;
			}
			ul,li{
				list-style: none;
			}
			#body .news ul{
				width: 452px;
				float: left;
				padding: 0 28px 0 20px;
			}
			#body .news ul p{
				font-size: 16px;
				color: #333;
			}
			#body .news ul li a{
				display: inline-block;
				width: 310px;
				color: #565656;
				float: left;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			#body .news ul li{
				background: url(img/list.jpg) no-repeat left cebter;
				line-height: 25px;
				padding-left: 13px;
				overflow: hidden;
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div id="header">
			<div class="logo">
				<img src="img/wolongimg.jpg"  />
			</div>
			<form action="www.baidu.com" name="search" method="get">
				<span class="inputbox">
					<input type="submit" class="sub" value />
					<input type="text" class="text" value="SEARCH.."/>
					
					
				</span>
			</form>
		</div>
		<div id="nav">
			
			<ul>
				<li><a href="#">集团介绍</a></li>
				<li><a href="#">产品中心</a></li>
				<li><a href="#">卧龙市场</a></li>
				<li><a href="#">技术研发</a></li>
				<li><a href="#">国际合作</a></li>
				<li><a href="#">投资者咨询</a></li>
				<li><a href="#">新闻咨询</a></li>
				<li class="noborder"><a href="#" >人力资源</a></li>
				
			</ul>
		</div>
		<div id="banner">
			<img src="img/banner.jpg" />
		</div>
		<div id="body">
			<div class="news">
				<ul>
					<p class="bt">新闻资讯</p>
					<li><a href="#">陈建超董事长出席年度大会</a></li>
					<span>
						2013-7-30
					</span>
					<li><a href="#">陈建超董事长出席年度大会</a></li>
					<span>
						2013-7-30
					</span>
					<li><a href="#">陈建超董事长出席年度大会</a></li>
					<span>
						2013-7-30
					</span>
					<li><a href="#">陈建超董事长出席年度大会</a></li>
					<span>
						2013-7-30
					</span>
					<li><a href="#">陈建超董事长出席年度大会</a></li>
					<span>
						2013-7-30
					</span>
					<li><a href="#">陈建超董事长出席年度大会</a></li>
					<span>
						2013-7-30
					</span>
					
				</ul>
			</div>
			<div class="test"></div>
		</div>
	</body>
</html>
